<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.25rem;
      }

      .fontw {
        font-weight: 700;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <div class="text-center fontw" style="font-size: 0.25rem; margin-bottom: 50px">生活区管理制度</div>

      <div style="font-size: 16px; margin-bottom: 100px">
        <div class="mb-20">1、生活区宿舍由寝室长负责，住宿人员轮流值日制度。</div>
        <div class="mb-20">2、室内地面及时清扫，保持室内窗明地净，通风良好。</div>
        <div class="mb-20">3、物品摆放整齐，床上干净整洁，洗漱用品摆放整齐有序。</div>
        <div class="mb-20">4、不准卧床吸烟，烟头必须放入盛放烟头的水桶内。</div>
        <div class="mb-20">5、衣物统一晾晒在晒衣场，不准在阳台等处随意晾晒。</div>
        <div class="mb-20">6、严禁随意倾倒污水、剩饭剩菜和杂物，不得从楼上抛酒杂物。</div>
        <div class="mb-20">7、严禁乱接电源，严禁使用电热毯、电炉、电饭煲、取暖器等电热器具。</div>
        <div class="mb-20">8、个人有价票证及贵重物品要妥善保管，防止被盗或丢失。</div>
        <div class="mb-20">9、人走电断，离开宿舍时将空调等用电设备及时进行关闭。</div>
        <div class="mb-20">10、严禁赌博或从事其他违法犯罪活动，未经许可，严禁留宿他人。</div>
        <div class="mb-20">11、室内电器、门窗不得私自更改、移位。</div>
        <div class="mb-20">11、室内电器、门窗不得私自更改、移位。</div>
        <div style="margin-bottom: 100px">12、严禁随意移动或故意损坏生活区的消防器材。</div>
        <div class="mb-20" style="font-weight: 600">如有违反以上规定，按施工现场安全管理处罚标准内相应条目予以处罚。</div>
      </div>

      <div class="d-flex flex-row mt-2 justify-content-end">
        <div class="flex" style="padding-right: 80px">
          <div @click="setUpEquipment('liveForm.mySign','TaskSignFinger')">本人（签字）:</div>
          <el-image v-show="liveForm.mySign" class="sign_img" :src="liveForm.mySign" fit="fill"></el-image>
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const liveForm = ref({
            mySign: "", // 签字
          });

          window.setSign = (event) => {
            liveForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return liveForm.value;
          };
          window.setData = (data) => {};

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            liveForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
